<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>upload</title>
    <link rel="stylesheet" href="/static/build/layui.css" media="all" />
</head>
<body>

<button type="button" class="layui-btn" id="test1">
    <i class="layui-icon">&#xe67c;</i>上传图片
</button>

<script src="/static/build/layui.js"></script>
<script>
    <![CDATA[

    layui.use('upload', function(){
        var upload = layui.upload;

        //执行实例
        var uploadInst = upload.render({
            elem: '#test1', //绑定元素
            url: '/upload/', //上传接口
            done: function(res){
                //上传完毕回调，拿到路径（res.data）自己选择是在页面显示图片还是显示路径。
            },
            error: function(){
                //请求异常回调，自己根据需求来写错误提示以及下一步逻辑。
            }
        });
    });
    ]]>
</script>
</body>
</html>